<%-- 
    Document   : inserimentoAnnuncio
    Created on : 6-ago-2011, 14.04.55
    Author     : Ale
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	
    <head> 
        <!-- datepicker -->
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script>
            $(document).ready(function() {
                $("#dpchiusura").datepicker();
                $("#dpordine").datepicker();
                $( "#dpchiusura" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );
                $( "#dpordine" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );
                $( "#dpchiusura" ).datepicker( "option", "dayNames", ['Domenica', 'Lunedì', 'Martedì', 'Mercoledì', 'Giovedì', 'Venerdì', 'Sabato']);
                $( "#dpordine" ).datepicker( "option", "dayNames", ['Domenica', 'Lunedì', 'Martedì', 'Mercoledì', 'Giovedì', 'Venerdì', 'Sabato']);
                $( "#dpchiusura" ).datepicker( "option", "dayNamesMin", ['Do', 'Lu', 'Ma', 'Me', 'Gi', 'Ve', 'Sa'] );
                $( "#dpordine" ).datepicker( "option", "dayNamesMin", ['Do', 'Lu', 'Ma', 'Me', 'Gi', 'Ve', 'Sa'] );
                $( "#dpchiusura" ).datepicker( "option", "dayNamesShort", ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'] );
                $( "#dpordine" ).datepicker( "option", "dayNamesShort", ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'] );
                $( "#dpchiusura" ).datepicker( "option", "firstDay", 1 );
                $( "#dpordine" ).datepicker( "option", "firstDay", 1 );  
                $( "#dpchiusura" ).datepicker( "option", "hideIfNoPrevNext", true );
                $( "#dpordine" ).datepicker( "option", "hideIfNoPrevNext", true );
                $( "#dpchiusura" ).datepicker( "option", "minDate", 0 );
                $( "#dpordine" ).datepicker( "option", "minDate", 0 );
                $( "#dpchiusura" ).datepicker( "option", "monthNames", ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre']);
                $( "#dpordine" ).datepicker( "option", "monthNames", ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre']);
                $( "#dpchiusura" ).datepicker( "option", "monthNamesShort", ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott', 'Nov', 'Dic']);
                $( "#dpordine" ).datepicker( "option", "monthNamesShort", ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott', 'Nov', 'Dic']);
                
            });
        </script>
        <!-- fine datepicker -->
	<title>Shipping Share :: Inserisci annuncio</title>
	<link rel="stylesheet" href="css/common.css" type="text/css"/>
        <link rel="stylesheet" href="css/header.css" type="text/css"/>
        <link rel="stylesheet" href="css/form.css" type="text/css"/>
	<link rel="stylesheet" href="css/annuncio.css" type="text/css"/>
	<link rel="stylesheet" href="css/footer.css" type="text/css"/>
        <link rel="stylesheet" href="css/popup.css" type="text/css"/>
        <script src="js/popup.js"></script>
    </head>
	
    <body>
        
        <div id="popupContainer"></div>
        
        <div id="wholeContainer">
	<div id="whole">
            
            <!-- includo l'header -->
            <jsp:include page="WEB-INF/jspf/header.jspf" />
            
            <div id="bodyContainer">
                              
                    <h1>Inserisci annuncio</h1>
                    <div id="myForm">
                        <h2>Dati dell'annuncio</h2>
                        <form action="Controller" method="POST">
                            <input name="action" type="hidden" value="inserisciAnnuncio"/>
                            <table>
 
                                <tr id="urlRow" class="unselected"><!-- url -->
                                    <td><label>Sito:</label></td>
                                    <td><input name="url" type="text" size="30" onclick="showHint('urlRow')"/></td>
                                    <td class="hint">
                                        Inserisci qui il dominio del sito per il quale vuoi creare l'annuncio.<br/>Ad esempio, se l'indirizzo della pagina cui hai visto il tuo articolo &egrave; <em>www.belsito.it/articoli/comprami</em>, scrivi solo <em>www.belsito.it</em>
                                    </td>
                                </tr>
                                <tr id="dataChRow" class="unselected"><!--data chiusura -->
                                    <td><label>Data di chiusura:</label></td>
                                    <td><input name="chiusura" id="dpchiusura" type="text" size="10" onclick="showHint('dataChRow')"/></td>
                                    <td class="hint">
                                        Inserisci qui la data di chiusura dell'annuncio. Dopo questa data, non ti sar&agrave; pi&ugrave; possibile rimuovere o modificare l'annuncio, e lo stesso vale per i tuoi iscritti.
                                    </td>
                                </tr>
                                <tr id="dataOrRow" class="unselected"><!--data ordine -->
                                    <td><label>Data di ordine:</label></td>
                                    <td><input name="ordine" id="dpordine" type="text" size="10" onclick="showHint('dataOrRow')"/></td>
                                    <td class="hint">
                                        Inserisci qui la data In cui intendi effettuare l'ordine. Questa data deve essere almeno quattro giorni dopo quella di chiusura dell'annuncio.
                                    </td>
                                </tr>
                                <tr id="speseRow" class="unselected"><!-- spese spedizione -->
                                    <td><label>Spese di spedizione:</label></td>
                                    <td><input name="speseSped" type="text" size="7" onclick="showHint('speseRow')"/> &euro;</td>
                                    <td class="hint" colspan="2">
                                        Inserisci qui il costo delle spese di spedizione del sito verso il luogo in cui ti trovi.
                                    </td>
                                </tr>  
                                <tr id="spedGratisRow" class="unselected"><!-- spese spedizione -->
                                    <td colspan="2"><input name="spedGratis" type="checkbox" onclick="showHint('spedGratisRow')"/> <label>Possibilit&agrave; di spedizione gratuita</label></td>
                                    <td class="hint">
                                        Spunta il quadratino se il sito offre, a fronte di una certa spesa minima, il servizio di spedizione gratuita.
                                    </td>
                                </tr>
                                <tr id="spesaMinRow" class="unselected"><!-- spese spedizione -->
                                    <td><label>Spesa minima:</label></td>
                                    <td><input name="spesaMinima" type="text" size="7" onclick="showHint('spesaMinRow')"/> &euro;</td>
                                    <td class="hint">
                                        Inserisci qui la spesa minima che il sito richiede per usufruire della spedizione gratuita.
                                    </td>
                                </tr>
                                <tr id="tuaSpesaRow" class="unselected"><!-- spese spedizione -->
                                    <td><label>Spesa del tuo ordine su questo sito:</label></td>
                                    <td><input name="spesaCreatore" type="text" size="7" onclick="showHint('tuaSpesaRow')"/> &euro;</td>
                                    <td class="hint">
                                        Inserisci qui l'importo totale degli articoli che intendi acquistare per te stesso. Non dovrai specificare quali siano gli articoli, ma solo dare questa somma.
                                    </td>
                                </tr>
                            </table>
                            <input type="submit" value="inserisci" class="myButton"/>
                            
                        </form>
                    </div>
            </div> 
			
            <!-- includo il footer -->
            <jsp:include page="WEB-INF/jspf/footer.jspf" />
			
        </div> <!-- whole -->
        </div>
        
    </body>
	
</html>